<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />
        <meta content="telephone=no" name="format-detection" />
        <title>发展玩家名片</title>
        <link href="{{asset('/mobile/css/style.css')}}" rel="stylesheet" type="text/css">
    </head>
    <style type="text/css">
        .top{
            width: 100%;
            background: url(/imgs/top_back.png) no-repeat;
            height: 80px;
            overflow: hidden;
        }
        .con{
            background: url({{$url}}) no-repeat;
            background-size: contain;
            background-position: center;
            position: relative;
            height: 100vh;
            background-color: #7203C2;
        }
        .portrait{
            width: 60px;
            height: 60px;
            border-radius: 50%;
            margin: 10px;
            float: left;
        }
        .detail{
            margin-left: 70px;
            height: 60px;
            line-height: 30px;
            margin-top: 10px;
            color: #753315;
        }
        .name{
            font-size: 1.1rem;
        }
        .slogan{
            font-size: 0.9rem;
        }
        .bottom{
            position: absolute;
            bottom: 5px;
            left: 5%;
            width: 90%;
            overflow: hidden;
        }
        .bottom-left{
            width: 50%;
            text-align: center;
            float: left;
        }
        .bottom-right{
            width: 50%;
            float: right;
            text-align: center;
        }
        .bottom-right img{
            margin-top: 20px;
            width: 100%;
        }
        .qrcode{
            width: 100px;
            height: 100px;
        }
        .txt{
            text-align: center;
            font-size: 0.9rem;
            color: #753315;
            margin: 5px 0;
        }
        .tgbh{
            width: 50%;
            margin: 5px 0 5px;
        }
        .bianhao{
            font-size: 26px;
            color: #B53916;
            font-weight: bold;
        }
        
    </style>
    <body>
        <img style="width:100%" src="{{$url}}">
    <script type="text/javascript" src="{{asset('/mobile/js/jquery-1.8.3.min.js')}}"></script>
    <script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript" charset="utf-8">
        wx.config(<?php echo $js->config(array('onMenuShareAppMessage', 'onMenuShareTimeline'), false) ?>);
        wx.ready(function(){
            wx.onMenuShareTimeline({
                title: '{{$agent->realname}}邀请您加入乐游手游！', // 分享标题
                link: 'http://user.leyougame.cc/mobile/wx_share?aid={{$agent->id}}', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                imgUrl: 'http://user.leyougame.cc/imgs/back_qyq.png', // 分享图标
                success: function () {
                // 用户点击了分享后执行的回调函数
                },
            });

            wx.onMenuShareAppMessage({
                title: '{{$agent->realname}}邀请您加入乐游手游！', // 分享标题
                desc: '乐游在手，欢乐无忧!', // 分享描述
                link: 'http://user.leyougame.cc/mobile/wx_share?aid={{$agent->id}}', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                imgUrl: 'http://user.leyougame.cc/imgs/back_qyq.png', // 分享图标
                type: 'link', // 分享类型,music、video或link，不填默认为link
                dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
                success: function () {
                    // 用户确认分享后执行的回调函数
                },
                cancel: function () {
                    // 用户取消分享后执行的回调函数
                }
            });
        });
        wx.error(function(res){

        });

    </script>
    </body>
</html>
